@import '~@fullcalendar/core/main.css';
@import '~@fullcalendar/daygrid/main.css';
@import "~@fullcalendar/timegrid/main.css";


.cardFc{
    :global {
        .fc th {
            padding: .5rem .625rem .625rem ;
            background: #f9f9f9;
        }
        
        .fc-ltr .fc-axis {
            padding: .5rem .625rem .625rem;
        }
        .fc-event, .fc-event:hover{
            color: #212121;
        }
        .fc-event, .fc-event-dot{
            background-color:transparent;
        }
        .fc-event{
            border: none;
        }
        .fc-unthemed td.fc-today{
            background-color:transparent;
        }
        .fc-button-primary {
            color: #1890ff;
            border: 1px solid #e7e9ea;
            background: #fff;
        }
        .fc-button-primary:hover{
            background: #1890ff;
            color: #fff;
            border: 1px solid #1890ff;
            transition: none;
        }
        .fc-button-primary:not(:disabled).fc-button-active{
            background: #1890ff;
            color: #fff;
            border: 1px solid #1890ff;
            transition: none;
        }
        .fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active{
            color: #fff;
            background-color: #1890ff;
            border-color: #1890ff;
        }
        .fc-button-primary:not(:disabled):active:focus, .fc-button-primary:not(:disabled).fc-button-active:focus {
            box-shadow: 0 0 0 0.2rem #1890ff;
        }
       
        .fc-content{
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            word-break: break-all;
            font-size: .75rem;
            line-height: 1.2rem;
            color: #212121;

            &:hover{
                color: #1890ff;
            }
        }
        .fc-day-grid-event .fc-time{
            float: right;
            font-size: .75rem;
            line-height: 1.2rem;
            color: #212121;
            font-weight:normal;
            // display: block;
            // margin: 5px 0;
            // &:before{
            //     content: '\25B8 ';
            // }
        }
        // .fc-day-grid-event .fc-title{
        //     margin-left: 8px;
        // }
        .fc-time-grid .fc-slats td {
            height: 10em;
        }
        .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title{
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            word-break: break-all;
        }
    }
}

.modal{
    :global {
        th{
            text-align: center !important;
        }
    }
}
.card{
    width: 150px;
    margin: 10px;
    padding: 10px;
    box-shadow: 1px 1px 1px 1px #cccccc;
    font-size: 12px;
    &>div:first-child{
        :before{
            content: '\25B8 ';
        }
    }
}
